html, body{
    height: 100%;
}
/*首页开始*/
.index_box{
    width:750px;
    height:100%;
    margin:0 auto;
    position:relative;
    padding-top:80px;
}
.index-top{
    width:750px;
    height:80px;
    position:fixed;
    margin:0 auto;
    left:0;
    top:0;
    z-index:999;
    background:#fff;
}
.index-top .logo{
    width:100px;
    height:auto;
    margin:29px 0 0 28px;
    float:left;    width: 165px;
}
.index-top input{
    width:460px;
    height:90px;
    margin:30px 0 0 0;
    float:right;
    font-size:36px;
    color:#e1e1e2;
    box-sizing:border-box;
    padding:0 20px 0 20px;
    outline: none;
    border:1px solid #004DA1;
    border-right:none;
    line-height:90px;
    border-radius:0;
    display: none;
}
.index-top .search{
    width:90px;
    height:90px;
    float:right;
    background:#004DA1;
    margin-top:30px;
}
.index-top .search img{
    width:27px;
    height:27px;
    margin:32px 0 0 32px;
}
.banner_box{
    width:690px;
    height:350px;
    position: relative;
    margin:0 auto;
    margin-top:0;
}
.news_banner_box{
    width:690px;
    height:auto;
    position: relative;
    margin:0 auto;
    /*margin-top:85px;*/
}
.banner_box .banner{
    width:690px;
    height:auto;
    max-height:380px;
}
.banner_box .zhazhao{
    width:690px;
    height:100%;
    background: rgba(0,0,0,0.2);
    position:absolute;
    top:0;
    left:0;
}
.banner_box .play{
    width:100px;
    height:100px;
    position:absolute;
    top:128px;
    left:298px;
}
.banner_box .title{
	 height:86px;
	  padding:0 43px;
	 line-height:86px;
    background:#49BDE6;
    position: absolute;
    bottom:-40px;
    left:0px;
    font-size:42px;
    color:#ffffff;
    font-weight:normal;
    z-index:10;
    min-width:220px;
    box-sizing: border-box;
    text-align: center;
}
.banner_box .banner_font{
	width:690px;
	height:95px;
	line-height:95px;
	box-sizing: border-box;
    padding:0px 25px;
    background:rgba(136,51,51,0.8);
    position: absolute;
    bottom:0px;
    left:0px;
    font-size:28px;
    color:#fff;
    font-weight:normal;
    z-index:10;
    word-break: break-all;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.index_list{
    width:690px;
    margin-left:30px;
    overflow:hidden;
    margin-top:35px;
	 height:120px; overflow:hidden;
	 background:#EFEFEF;
}
.index_list_con{
    width:50%;
    height:120px;
    float:left;
    box-sizing:
    border-box;
    padding-left:110px;
    position:relative;
}
.index_list_con img{
    width:120px;
    height:120px;
    position:absolute;
    top:0px;
    left:0;
}
.index_box .title1{
	    width: 690px;
    font-size: 42px;
    color: #0A549A;
    line-height: 42px;
    font-weight: normal;
    margin-top: 38px;
    text-align: left;
	 padding-left:27.5px;	
}
.index_list_con h2{
    width:100%;
    font-size:44px;
    color:#0A5497;
    line-height:44px;
    padding:18px 0 10px 25px;
	
    font-weight:normal;
}
.index_list_con p{
    width:100%;
    font-size:28px;
    color:#0A5497;
	line-height:28px;
	padding-left:25px;
}
.main_list{
    width:690px;
    margin:0 auto;
    margin-top:60px;
    margin-bottom:40px;
}
.main_list li{
    width:690px;
    height:100px;
    line-height:100px;
    background:#7ac4e6;
    color:#fff;
    font-size:32px;
    position:relative;
    margin-bottom:30px;
    box-sizing: border-box;
    padding-left:25px;
}
.main_list li img.line{
    width:690px;
    height:5px;
    position: absolute;
    bottom:-5px;
    left:0;
}
.main_list li span{
    display:block;
    width:100px;
    height:100px;
    position: absolute;
    top:0;
    right:0;
    background: border-box#eec430;
}
.main_list li span img{
    width:30px;
    height:32px;
    margin:35px 0 0 36px;
}
.IUR_memberDh img{height:53px;}
/*简介页面开始*/
.brief_con{
    width:690px;
    margin:0 auto;
    margin-top:60px;
}
.brief_con h2{
    width:690px;
    font-size:42px;
    color:#0A549A;
    line-height:50px;
    font-weight:normal;
    padding-bottom:25px;
}
.brief_con .title_con{
    width:690px;
    font-size:26px;
    color:#727171;
    line-height:30px;
    font-weight:normal;
}
.brief_con .content{
	 width:690px;
    font-size:28px;
    color:#4D4D4D;
    line-height:42px;
    font-weight:normal;
	margin-bottom:30px;
	letter-spacing:1px;
}
.brief_con .title_con_bold{
    width:650px;
    font-size:30px;
    color:#49BDE6;
    line-height:40px;
    margin-bottom:28px;
	background:#EFEFEF;
	padding:15px 20px;
}
.brief_con h3{
    width:690px;
    font-size:32px;
    color:#4CB8E2;
    line-height:45px;
    font-weight:normal;
}
.brief_plate_box{
    width:690px;
    margin-top:20px;
    overflow:hidden;
    margin-bottom:35px;
}
.brief_plate_box .brief_plate_left{
    float:left;
    width:400px;
}
.brief_plate_box .brief_plate_right{
    float:right;
    width:275px;
}
.brief_plate_box .brief_plate{
    position:relative;
}
.brief_plate_box .brief_plate img{
    width:100%;
}
.brief_plate_box .brief_plate span{
    position:absolute;
    font-size:30px;
    color:#fff;
    font-weight:bold;
    z-index:10;
}
.brief_plate_box .brief_plate .zhezhao{
    position:absolute;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.45);
    top:0;
    left:0;
}
.brief_plate_box .brief_plate .play{
    position:absolute;
    width:100px;
    height:100px;
    z-index:10;
}
.TIR_road_con{
    width:690px;
    margin-top:7px;
    margin-bottom:30px;
}
p.font,p.font1{
    width:690px;
    padding-left:40px;
    color:#727171;
    font-size:28px;
    line-height:30px;
    box-sizing: border-box;
    position:relative;
    text-align: left;    margin: 8px 0;
    display: inline-block;
}
p.font1{
    padding-left:15px;
}
p.font:before{
    width:9px;
    height:9px;
    background:#4CA4CE;
    border-radius:50%;
    position:absolute;
    top:10px;
    left:15px;
    content: '';
}
/*p.font1{
    font-size:30px;
    color:#4CB8E2;
    font-weight:bold;
    margin:10px 0 15px 0;
}
p.font .dot{
    width:18px;
    height:18px;
    position:absolute;
    left:5px;
    top:12px;
}*/
p.date{
    font-size:24px;
    color:#4CA4CE;
    padding:8px 0 40px 0;
}
.TIR_road_con .img{
    width:690px;
    margin:20px 0 20px 0;
}
/*什么是TIR*/
.what_con{
    width:690px;
    margin:0 auto;
    margin-top:38px;
    margin-bottom:40px;
    text-align: center;
}
.what_con .title_con{
    width:690px;
    font-size:28px;
    color:#4D4D4D;
    line-height:42px;
    font-weight:normal;
    text-align: left;
	letter-spacing: 1px;
}
.what_con p.img111{
    width:690px;
	height:120px; background:#F2F2F2; position: relative;
}
.what_con p.img111 img{
	position:absolute; top:0; left:0; width:120px;
}
.what_con p.img111 span{
	font-size:28px; line-height:42px; color:#333333; padding:22px 46px 0 166px; text-align: left; display:inline-block;
	
}
.what_con p.mar{
    margin-bottom:30px;
}
.what_con h2{
    width:690px;
    font-size:42px;
    color:#0A549A;
    line-height:46px;
    font-weight:normal;
    padding-bottom:8px;
    margin-top:45px;
    text-align: left;
}
.what_con img{
    margin:0 auto;
}
/*IRU 会员*/
.IUR_memberDh_box{
    width:690px;
    height:123px;
    margin:0 auto;
    background:#F2F2F2;
    margin-top:70px;
}
.IUR_memberDh_box .IUR_memberDh{
    width:230px;
    height:123px;
    float:left;
    text-align:center;
    font-size:24px;
    color:#818181;
}
.IUR_memberDh_box .IUR_memberDh.hover{ background:#F6CD30;}
.IUR_memberDh_box .hover_IUR_memberDh{
    color:#ffffff;
}
.IUR_memberDh_box .IUR_memberDh img{
    margin-top:22px;
    margin-bottom:0px;
}
.IUR_memberDh_box .IUR_memberDh p{ padding-top:10px;}
.IRUMember_con{
    margin-top:35px;
    margin-bottom:40px;
}
.recentNews_con{
    width:690px;
    margin:0 auto;
    margin-top:20px;
    overflow:hidden;
}
.recentNews_con h2{
    width:690px;
    font-size:32px;
    color:#4CB8E2;
    font-weight: normal;
    line-height:40px;
    padding:25px 0;
}
.recentNews_list{
    width:690px;
    margin:0 auto;
    margin-top:0px;
    margin-bottom:40px;
}
.recentNews_list li{
    width:690px;
    height:100%;
    margin-bottom:55px;
    background:pink;
}
.recentNews_list li .down_list{
    width:690px;
    height:100px;
    background:#EFEFEF;
    color:#004D85;
    font-size:28px;
    position:relative;
    box-sizing: border-box;
    padding-left:25px;
    padding-right:135px;
    font-weight:normal;
    padding-top:8px;
    line-height:35px;
}
.recentNews_list li:last-child{
    margin-bottom:0px;
}
.recentNews_list li .down_list span.arrow{
    display:block;
    width:100px;
    height:100px;
    position: absolute;
    top:0;
    right:0;
    background:#F6CD30;
}
.recentNews_list li .down_list span img{
    width:30px;
    height:32px;
    margin:35px 0 0 36px;
}
.recentNews_list li .down_list p.date,.recentNews_list li .down_list p.Ldade{
    width:auto;
    line-height:35px;
    background:#80C6E6;
    color:#fff;
    font-size:24px;
    position:absolute;
    box-sizing: border-box;
    padding:5px 20px;
    bottom:-23px;
    left:25px;
    font-weight:normal;
}
.recentNews_list li .down_list_con{
	width:690px;
    height:350px;
    background:#E2E2E2;
    box-sizing: border-box;
    border-top:1px solid #bababa;
    position:relative;
    display:none;
    z-index:10;
}
.recentNews_list li .down_list_con .email_box{
	width:690px;
    height:350px;
    background:#e8e8e8;
    box-sizing: border-box;
    border-top:1px solid #bababa;
    text-align: center;
}
.recentNews_list li .down_list_con .email_box p{
	width:690px;
    height:113px;
    line-height:113px;
    color:#4CA5CF;
    font-size:32px;
    text-align: center; 
}
.recentNews_list li .down_list_con .email_box input{
	width:630px;
    height:70px;
    line-height:70px;
    color:#292829;
    background:#fff;
    margin:0 auto;
    outline:none;
    border-radius: 0;
    font-size:28px;
    text-align: center; 
    display: inline-block;
    padding:0 30px;
    box-sizing: border-box;
}
.down_list_con .down_tishi{
	width:690px;
    height:70px;
    text-align: center;
    color:#4CA5CF;
    font-size:32px;
    margin-top:140px;
    display:none;
}
.recentNews_list li .down_list_con .close{
	width:100px;
    height:90px;
    background:#F6CD30;
    text-align: center;
    position: absolute;
    bottom:0;
    right:0;
}
.recentNews_list li .down_list_con .close img{
	margin-top:30px;
}
.recentNews_list li .down_list_con .enter{
	width:220px;
    height:90px;
    background:#F6CD30;
    text-align: center;
    position: absolute;
    bottom:0;
    left:230px;
    font-size:32px;
    line-height:90px;
    color:#fff;
}






.more{
    width:157px;
    height:41px;
    line-height:38px;
    font-size:24px;
    color:#fff;
    background:url(../{{$imageSite}}more.png) no-repeat;
    box-sizing: border-box;
    padding-left:52px;
    float:right;
    margin-top:-15px;
}
.active{
    width:690px;
    margin:0 auto;
}
.active h2{
    padding:15px 40px;
    background:#4cb8e2;
    font-size:36px;
    color:#fff;
    font-weight: bold;
    width:240px;
    box-sizing:border-box;
    text-align: center;
    margin:30px 0;
}
.shiping{
    position:fixed;
    z-index:1000;
    margin:0 auto;
    top: 0;
    left:0;
    width: 750px;
    height:100%;
    display:none;
    background:#000;
}
.back{
    position:fixed;
    color:#fff;
    height:40px;
    font-size:32px;
    right:0px;
    top:0px;
    display: block;
    padding:30px;
    z-index: 100;
    line-height:40px;

}
.IRUMember_box{
    width:750px;
    margin:0 auto;
}
.layer_date{
    min-width:270px;
    min-height:45px;
}

/*新闻列表页面*/
.news_list_box{
	width:700px;
    margin: 0 auto;
	height:100%;
	border-top:2px solid #C2C2C2;
}
.news_list_box li{
	width:660px;
	height:205px;
	border-bottom:2px solid #C2C2C2;
	position: relative;
	box-sizing: border-box;
	padding:30px 0;
}
.news_list_box li img.news_img{
	width:224px;
	height:142px;
	margin-right:45px;
	float:left;
}
.news_list_box li p.news_title{
	width:390px;
	height:65px;
	float:left;
	font-size:26px;
	color:#727171;
	    text-overflow: ellipsis;
	line-height:31px;
	overflow:hidden;
	word-break: break-all;
}
.news_list_box li img.news_arrow{
	position: absolute;
	top:93px;
	right:-3px;
}
.news_list_box li p.news_date{
	position: absolute;
	bottom:25px;
	right:-5px;
	color:#883333;
	font-size:24px;
}
